/* 动态样式 */
Listener(".logo", "click", () => {
	css.style(".box", { height: "450px", opacity: 1 })
	css.style(".logo", { top: "14%" })
	setTimeout(() => css.style(".name", { opacity: 1 }), 250)
	setTimeout(() => css.style(".password", { opacity: 1 }) && form.eye('[name="password"]'), 350)
	setTimeout(() => css.style(".verify", { opacity: 1 }), 450)
	setTimeout(() => css.style(".loginBtn", { opacity: 1 }), 550)
})

function active() {
	setTimeout(() => {
		css.style(".box", {
			opacity: 0,
			width: "0px"
		})
	}, 50)
	css.style(".name", {
		height: "0px",
		opacity: 0
	})
	css.style(".password", {
		height: "0px",
		opacity: 0
	})
	css.style(".verify", {
		height: "0px",
		opacity: 0
	})
	css.style(".loginBtn", {
		height: "0px",
		opacity: 0
	})
	css.style(".logo", {
		top: "50%"
	})
	setTimeout(() => {
		css.style(".logo", {
			transition: "all 0.5s",
			transform: "translateX(-50%) scale(7)",
			opacity: 0
		})
	}, 1500)
}
